
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新人福利</title>
    <!--解决QQ内分享问题-->
    <meta itemprop="name" content="送给新朋友的福利！￥9.9爱奇艺、￥12.9维达纸6包、￥14.5 ORI白咖啡味夹心饼干   …">
    <meta itemprop="image" content="https://cs.keycoin.cn/activity/images/shareImg.jpg"/>
    <meta name="description" content="掌上快币保证：所售商品均直采正品，请放心购买！">
    <meta name="format-detection" content="telephone=no">
    <meta name="description" content="">
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="cleartype" content="on">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link rel="stylesheet" type="text/css" href="css/common.css">
</head>
<style type="text/css">
    
    body {
        background: #eeecec;
        margin-top: 0.44rem;
        position: relative;
    }
    .act1 {width: 80%; margin: 0 auto;}
    .act1 > a { width: 33.3%; }
    .activity_rule {background: #eeecec;color: #6f6f6f;}
    .activity_rule h6 {text-align: center;border-top: 1px solid #b0b0b0;font-size: 14px;margin-top: 10px;}

    .cover{ 
        position:absolute;
        left:0px;
        top:0px;
        background:rgba(0, 0, 0, 0.4);
        width:100%;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
        height:100%;
        filter:alpha(opacity=60);  /*设置透明度为60%*/
        opacity:0.6;  /*非IE浏览器下设置透明度为60%*/
        display:none; 
        z-Index:999;  
    }
    .modal {
        position: fixed;
        height: 3rem;
        top: 2rem;
        width: 3rem;
        left: 30%;
        border-radius:5%;
        left: 0.4rem;
        background-color: #fff;
        display: none;
        cursor: pointer;
        z-Index: 9999;
    }
    .close {
        margin-right: 0.1rem;
        margin-top: 0.2rem;
        overflow: hidden;
    }
    .close>img{
        float:right;
    }

    .cover1{ 
        position:absolute;
        left:0px;
        top:0px;
        background:rgba(0, 0, 0, 0.4);
        width:100%;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
        height:100%;
        filter:alpha(opacity=60);  /*设置透明度为60%*/
        opacity:0.6;  /*非IE浏览器下设置透明度为60%*/
        display:none; 
        z-Index:999;  
    }
   .modal1 {
        position: fixed;
        height: 3rem;
        top: 2rem;
        width: 3rem;
        left: 30%;
        border-radius:5%;
        left: 0.4rem;
        background-color: #fff;
        display: none;
        cursor: pointer;
        z-Index: 9999;
    }
    .close1 {
        margin-right: 0.08rem;
        margin-top: 0.2rem;
        overflow: hidden;
    }
    .close1>img{
        float:right;
    }
    .zkb {
        width: 2.5rem;
        margin: 0 auto;
        margin-top: 0.8rem;
        font-size: 0.15rem;
        color: #5c5858;
    }
    .zkbTitlebr{
        text-align:center;
    }
    .Kb {
        width: 2.4rem;
        height: 0.4rem;
        display: block;
        border-radius: 0.08rem;
        margin: 0 auto;
        font-size: 0.18rem;
        background: rgb(5, 214, 186);
        color: white;
        text-align: center;
        line-height: 0.4rem;
        margin-top: 0.2rem;
    }
    .oCenter {
        width: 2.8rem;
        margin: 0 auto;
    }
    .oTitleTwo{
        text-align: center;
    }
    .oIMg {
        width: 1rem;
        height: 1rem;
        margin: 0 auto;
    }
    .oNUll {
        font-size: 0.18rem;
        color: rgb(236, 119, 23);
        text-align: center;
        margin-top: 0.1rem;
    }
    .oTitle {
        width: 2rem;
        margin: 0 auto;
        display: block;
        margin-top: 0.1rem;
        font-size: 0.1rem;
        color: rgb(139, 133, 133);
    }
    .zMore {
        width: 2rem;
        height: 0.3rem;
        background: rgb(5, 214, 186);
        color: white;
        text-align: center;
        margin: 0 auto;
        margin-top: 0.1rem;
        line-height: 0.3rem;
        font-size: 0.18rem;
        border-radius: 0.08rem;
        border: 0.03rem solid #eee;
    }
    .qhuafei{
        width: 2rem;
        height: 0.3rem;
        background: white;
        color: rgb(158, 156, 156);
        text-align: center;
        margin: 0 auto;
        margin-top: 0.05rem;
        line-height: 0.3rem;
        font-size: 0.18rem;
        border-radius: 0.08rem;
        border: 0.03rem solid #eee;
    }
    .cover2{ 
        position:absolute;
        left:0px;
        top:0px;
        background:rgba(0, 0, 0, 0.4);
        width:100%;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
        height:100%;
        filter:alpha(opacity=60);  /*设置透明度为60%*/
        opacity:0.6;  /*非IE浏览器下设置透明度为60%*/
        display:none; 
        z-Index:999;  
    }
    .modal2 {
        position: fixed;
        height: 3rem;
        top: 2rem;
        width: 3rem;
        left: 30%;
        border-radius:5%;
        left: 0.4rem;
        background-color: #fff;
        display: none;
        cursor: pointer;
        z-Index: 9999;
    }
    .close2 {
        margin-right: 8px;
        margin-top: 18px;
        overflow: hidden;
    }
    .close2>img{
        float:right;
    }
    
    .cover3{ 
        position:absolute;
        left:0px;
        top:0px;
        background:rgba(10, 10, 10, 0.945);
        width:100%;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
        height:100%;
        filter:alpha(opacity=60);  /*设置透明度为60%*/
        opacity:0.8;  /*非IE浏览器下设置透明度为60%*/
        display:none; 
        z-Index:999;  
    }
    .cover4{ 
        position:absolute;
        left:0px;
        top:0px;
        background:rgba(10, 10, 10, 0.945);
        width:100%;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
        height:100%;
        filter:alpha(opacity=60);  /*设置透明度为60%*/
        opacity:0.8;  /*非IE浏览器下设置透明度为60%*/
        display:none; 
        z-Index:999;  
    }
    .modal4 {
        position: fixed;
        height: 4rem;
        top: 1.8rem;
        width: 3rem;
        left: 30%;
        left: 0.4rem;
        background-color: #fff;
        display: none;
        cursor: pointer;
        z-Index: 9999;
        background:url(./images/Group.png) no-repeat;
        background-size:100%;
    }
    .zkbTitle{
        text-align: center;
    }
    .imgWidAll{
        position:relative;
    }
    .buyImg {
        position: absolute;
        bottom: 0.14rem;
        width: 1.3rem;
        display: block;
        left: 1.2rem;
    }
    .active{
        display:block;
    }
    .oNone{
        display:none;
    }
</style>

<body style="overflow: auto">
    <div>
        <header>
            <h2>限时兑换活动</h2>
            <!-- 返回键 -->
            <!-- <a href="javascript:goBackApp();"><img src="images/au_beef/consume_back_btn@2x.png" alt="" /></a> -->
        </header>
        <div>
            <img class="imgWidAll" src="images/header.jpg">
            <img class="share_rt" src="images/share.png">
        </div>
        <!-- 用户号码 -->
        <div class="aaa">
            <img style="position:relative" class="imgWidAll" src="images/tel.jpg" alt="">
            <span class="active" style="position:absolute;bottom:0.25rem;left:0.4rem">恭喜手机为136****3993用户成功抢到该商品！</span>
            <span class="oNone" style="position:absolute;bottom:0.25rem;left:0.4rem">恭喜手机为189****9560用户成功抢到该商品！</span>
            <span class="oNone" style="position:absolute;bottom:0.25rem;left:0.4rem">恭喜手机为130****1503用户成功抢到该商品！</span>
            <span class="oNone" style="position:absolute;bottom:0.25rem;left:0.4rem">恭喜手机为134****1511用户成功抢到该商品！</span>
            <span class="oNone" style="position:absolute;bottom:0.25rem;left:0.4rem">恭喜手机为186****9970用户成功抢到该商品！</span>
        </div>
        <!-- 当日抢购商品 -->
        <div class="buy" onclick="oBuy()">
            <img class="imgWidAll" src="./images/face.jpg" alt="">
            <!-- 立即抢购 -->
            <img class="buyImg" src="./images/btn.png" alt="">
        </div>
        <!-- 明日兑换商品 -->
        <div>
            <img class="imgWidAll" src="./images/02.jpg" alt="">
        </div>
        <!-- 精品推荐 -->
        <div>
            <img class="imgWidAll" src="./images/03.jpg" alt="">
        </div>
        <!-- 缴费 水 电 话费 -->
        <div class="activity">
            <a id="MS81300475" href="javascript:;"><img class="imgWidAll" src="images/04.jpg"></a>
            <a id="MS94144906" href="javascript:;"><img class="imgWidAll" src="images/05.jpg"></a>
            <a id="MS55970922" href="javascript:;"><img class="imgWidAll" src="images/06.jpg"></a>
            <a id="MS97633529" href="javascript:;"><img class="imgWidAll" src="images/07.jpg"></a>
        </div>
        <!-- 其余商品 -->
        <div>
            <img class="imgWidAll" src="./images/08.jpg" alt="">
        </div>
        <div>
            <img class="imgWidAll" src="./images/09.jpg" alt="">
        </div>
        <!-- 活动规则 -->
        <div class="rule" style="background:red;border-top:1px solid white">
        <div class="oBox" style="width:3.2rem;margin:0 auto;color:white;font-size:0.2rem;margin-top: 0.2rem;">
                <p class="oActive" style="font-size:0.2rem;text-align: center;color:white">活动规则</p>
                <h6 style="line-height: 0.25rem;">1: 本次活动时间为: 6月22日-6月28日,每日开抢时间为<span style="text-indent:0.15rem;display:inline-block;">11:30</span></h6>
                <h6 style="line-height: 0.25rem;">2: 活动期内每个用户，每款限时兑换商品只限购买一份</h6>
                <h6 style="line-height: 0.25rem;">3: 每期限时兑换商品库存有限，抢完为止</h6>
                <h6 style="line-height: 0.25rem;">4: 若以正常手法获得商品，我司有权追回相应商品</h6>
        </div>
        <div class="oBox" style="width:3.2rem;margin:0 auto;color:white;font-size:0.2rem;margin-top: 0.2rem;">
                <p class="oActive" style="font-size:0.2rem;text-align: center;color:white">k币规则</p>
                <h6 style="line-height: 0.25rem;">1: k币永久有效</h6>
                <h6 style="line-height: 0.25rem;">2: k币不能体现，不能买卖</h6>
                <h6 style="line-height: 0.25rem;">3: k币可用于购买兑换商城商品，充值话费，生活缴费</h6>
        </div>
        <div class="oBox" style="width:3.2rem;margin:0 auto;color:white;font-size:0.2rem;margin-top: 0.2rem;">
                <p class="oActive" style="font-size:0.2rem;text-align: center;color:white">k币来源</p>
                <h6 style="line-height: 0.25rem;">1: 新人注册可获得1k币  <a href="javascript:;" style="color:yellow">立即注册</a></h6>
                <h6 style="line-height: 0.25rem;">2: 分享该活动页面,成功邀请新用户注册,即可获得1k币<span style="text-indent:0.15rem;display:inline-block;">奖励,每天最多可获得5k币</span>  <a href="javascript:;" style="color:yellow" class="fenxiang">立即分享</a></h6>
                <h6 style="line-height: 0.25rem;">3: 购买平台内任意赚币商品  <a href="javascript:;" style="color:yellow" class="oo">立即购买</a></h6>
        </div>
        <!-- 放心购买 -->
        <div>
            <img src="./images/bottom.png" alt="" style="width:3.5rem;margin:0 auto;height:0.3rem;margin-top:0.2rem;display:block">
        </div>
        <div style="height:20px"></div>
        </div>
    </div>
    
   
    <!-- 余额不足 -->
    <div class="cover"></div>
    <div class="modal">
        <div class="close">
            <img src="./images/Cancel.png" alt="">
        </div>
        <div class="zkb">
            <div class="zkbTitle">购买商品可以赚取更多k币,你也可以</div>
            <div class="zkbTitlebr">使用k币进行话费充值</div>
        </div>
        <span class="Kb">去赚k币</span>
    </div>

    <!-- 余额足够 -->
    <div class="cover1"></div>
    <div class="modal1">
        <div class="oCenter">
            <div class="close1" style="right:0">
                <img src="./images/Cancel.png" alt=""> 
            </div>
            <div class="oIMg">
                <img src="./images/empty.png" alt="">
            </div>
            <div class="oNUll">很遗憾，已被抢光了！</div>
            <div class="oTitle">
                <div class="oTitleOne">购买商品可以赚取更多k币,你也可以</div>
                <div class="oTitleTwo">使用k币进行话费充值</div>
            </div>
            <div class="zMore">去赚更多</div>
            <div class="qhuafei">去充话费</div>
        </div>
    </div>

    <!-- 立即下载弹窗 -->
    <div class="cover2"></div>
    <div class="modal2">
        <div class="close2">
            <img src="./images/Cancel.png" alt="">
        </div>
        <div class="zkb">
            <div class="zkbTitle">话费仅限“掌上快币”，APP内充值</div>
            <div class="zkbTitlebr">1K币可当1元人民币使用,快来下载吧!</div>
        </div>
        <span class="Kb">立即下载</span>
    </div>

    <!-- 引导分享 -->
    <div class="cover3" style="overflow:hidden">
        <img src="./images/fenxiang.png" alt="" style="float:right">
    </div>

    <!-- 结束活动 -->
    
    <div class="cover4"></div>
    <div class="modal4">
        <div class="aBtn" style="bottom:1rem;position:absolute">
            <span style="width: 1.16rem;
            height: 0.26rem;
            display: inline-block;
            text-align: center;
            line-height: 0.26rem;
            background: orange;
            border-radius: 1.8rem;
            margin-left: 0.32rem;
            font-size: 0.14rem;">进入微商城</span><span style="width: 1.16rem;
            height: 0.26rem;
            display: inline-block;
            text-align: center;
            line-height: 0.26rem;
            background: orange;
            border-radius: 1.8rem;
            margin-left: 0.05rem;
            font-size: 0.14rem;">下载APP</span>
        </div>
    </div>
</body>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/jquery-3.2.0.js"></script>
<script src="./js/slider.js"></script>
<script>
    document.querySelector(".oo").onclick=function(){
        document.querySelector(".cover").style.display="block";
        document.querySelector(".modal").style.display="block";
    }
</script>
<!-- <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> -->
<!-- <script type="text/javascript">
    $(function() {
        getRice();
        $("html").css("font-size", (window.innerWidth) / 3.75 + 'px');
        $(window).resize(function() {
            $("html").css("font-size", (window.innerWidth) / 3.75 + 'px');
        });

        var ua = window.navigator.userAgent.toLowerCase();
        if(ua.match(/MicroMessenger/i) == 'micromessenger'){
            $.ajax({
                type: 'post',
                url:'v1/activity/getConfig',
                dataType:'json',
                data:{"url":location.href.split('#')[0]},
                success:function(data){
                    if(data.code==0){
                        var config=data.data;
                        wx.config({
                            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                            appId: config.appId, // 必填，公众号的唯一标识
                            timestamp: config.timestamp, // 必填，生成签名的时间戳
                            nonceStr: config.nonceStr, // 必填，生成签名的随机串
                            signature: config.signature,// 必填，签名，见附录1
                            jsApiList: [
                                'onMenuShareTimeline',
                                'onMenuShareAppMessage',
                                'onMenuShareQQ',
                                'onMenuShareWeibo'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                        });
                    }
                }
            });
        }
    })

    function gocommodtiy(id){
        window.location.href="https://cs.keycoin.cn/wechat/commodityInfo/"+id;
    }

    function getRice(){
       var commoId=['MS81300475','MS94144906','MS55970922','MS97633529','MS40674595','MS72634036','MS33111747','MS87742738','MS88543245']
        $.ajax({
            type: 'post',
            url:'v1/getCommInfoInventory',
            dataType:'json',
            async:false,
            data:{"commoId": commoId},
            success:function(data){
                if(data.code==0){
                    if (data.data != "") {
                        $.each(data.data,function(index,item){
                            $("#"+item.productNum).attr("href","javascript:gocommodtiy("+item.id+");");
                            if(item.productNum=='MS81300475' && item.inventory<=0){
                                $("#MS81300475").find("img").attr("src","images/fuli_sellout_01.jpg")
                            }else if(item.productNum=='MS94144906' && item.inventory<=0){
                                $("#MS94144906").find("img").attr("src","images/fuli_sellout_02.jpg")
                            }else if(item.productNum=='MS55970922' && item.inventory<=0){
                                $("#MS55970922").find("img").attr("src","images/fuli_sellout_03.jpg")
                            }else if(item.productNum=='MS97633529' && item.inventory<=0){
                                $("#MS97633529").find("img").attr("src","images/fuli_sellout_04.jpg")
                            }else if(item.productNum=='MS40674595' && item.inventory<=0){
                                $("#MS40674595").find("img").attr("src","images/fuli_sellout_05.jpg")
                            }else if(item.productNum=='MS72634036' && item.inventory<=0){
                                $("#MS72634036").find("img").attr("src","images/fuli_sellout_06.jpg")
                            }
                        })
                    }
                }
            }
        });
    }

    var title="送给新朋友的福利！￥9.9维达纸3包、￥18德国爱卡丹特防龋齿牙膏、 ￥25牛尔Q10亮采精华面膜…";
    var desc="掌上快币保证：所售商品均直采正品，请放心购买！";
    var imgUrl='https://cs.keycoin.cn/activity/images/shareImg.jpg';
    wx.ready(function () {
        wx.onMenuShareAppMessage({
            title: title,
            desc: desc,
            link: location.href.split('#')[0],
            imgUrl: imgUrl,
            trigger: function (res) {
                //alert('用户点击发送给朋友');
            },
            success: function (res) {
                //alert('分享成功');
            },
            cancel: function (res) {
                // alert('已取消');
            },
            fail: function (res) {
                alert(JSON.stringify(res));
            }
        });

        wx.onMenuShareTimeline({
            title: title,
            link: location.href.split('#')[0],
            imgUrl: imgUrl,
            trigger: function (res) {
                //alert('用户点击分享到朋友圈');
            },
            success: function (res) {
                //alert('分享成功');
            },
            cancel: function (res) {
                //alert('已取消');
            },
            fail: function (res) {
                alert(JSON.stringify(res));
            }
        });

        wx.onMenuShareQQ({
            title: title,
            desc: desc,
            link: location.href.split('#')[0],
            imgUrl: imgUrl,
            trigger: function (res) {
                //alert('用户点击分享到QQ');
            },
            complete: function (res) {
                //alert(JSON.stringify(res));
            },
            success: function (res) {
                //alert('分享成功');
            },
            cancel: function (res) {
                //alert('已取消');
            },
            fail: function (res) {
                alert(JSON.stringify(res));
            }
        });

        wx.onMenuShareWeibo({
            title: title,
            desc: desc,
            link: location.href.split('#')[0],
            imgUrl: imgUrl,
            trigger: function (res) {
                // alert('用户点击分享到微博');
            },
            complete: function (res) {
                //alert(JSON.stringify(res));
            },
            success: function (res) {
                //alert('分享成功');
            },
            cancel: function (res) {
                //alert('已取消');
            },
            fail: function (res) {
                alert(JSON.stringify(res));
            }
        });
    });


   
    var _mtac = {};
    (function() {
        var mta = document.createElement("script");
        mta.src = "https://pingjs.qq.com/h5/stats.js?v2.0.4";
        mta.setAttribute("name", "MTAH5");
        mta.setAttribute("sid", "500605589");
        mta.setAttribute("cid", "500605604");
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(mta, s);
    })();

</script> -->



    
</html>